@import "../../../../../common/colors.scss";
@import "../../../../../mixins/utils.scss";
@import "../../../common/var.scss";

.side-bar{
  border: none;
  .left-title{
      text-align: center;
      font-weight: bolder;
      color: $grey100;
      letter-spacing: 2px;
      height: $sidebar-height;
      line-height: $sidebar-height;
      background-color: $sidebar-background;
      border-right: $sidebar-background;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      // cursor: pointer;
  }
  .left-title-image{
      padding: 0px 2px 0px 2px;
      .image{
          width: $sidebar-height;
          height: calc(#{$sidebar-height} - 4px);
      }
  }

  .side-bar-menu{
    max-height: calc(100vh - #{$sidebar-height});
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    // & .el-menu-item:hover, .el-menu-item:focus {
    //     outline: none;
    //     color: $blue400;
    //     background-color: $blue400;
    // }
  }
}

.el-menu {
  border-right: solid 1px #eef1f6;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
}
.el-menu--collapse {
  width: 60px;
}
